<template>
  <div class="about">
    <!-- <h1>登录页</h1>
    <form action="" @submit.prevent>
        <p>
            <label>用户名:<input type="text" v-model="user"></label>
        </p>
        <p>
            <label>密&emsp;码:<input type="text" v-model="pwd"></label>
        </p>
        <p>
            <button @click="loginHandler">登录</button>
        </p>
    </form> -->
    <!-- <h1>登录页</h1>
    <form action="" @submit.prevent>
        <p>
            <label>手机号:<input type="text" v-model="user"></label>
        </p>
        <p>
            <label>验证码:<input type="text" v-model="pwd"></label>
        </p>
        <p>
            <button @click="loginHandler">登录</button>
        </p>
    </form> -->
  </div>
</template>



<script>
export default {
    name:"LoginView",
    data(){
        return {
            user:"",
            pwd:"",
        }
    },
    methods:{
        loginHandler(){
            if(this.user&&this.pwd){
                localStorage.setItem("lgc",this.user);


                // 默认去首页(普通情况 -> 注册 -> 登录 -> 首页)
                // this.$router.push("/");
                
                // 从其他页过来 (详情页(没有登录) -> 登录 -> 返回详情页(已登录))
                // this.$router.back();

                console.log("route",this.$route);

                var {ReturnUrl} = this.$route.query;  //登录页

                if(!ReturnUrl){ // 没有ReturnUrl  -> 默认去首页
                    this.$router.push("/");
                }else{
                    // this.$router.push(ReturnUrl);
                    this.$router.replace(ReturnUrl);
                }
            }
        }
    }
}
</script>
